<template>
    <view class="container">
        <view class="u_navbar" :style="{ paddingTop: paddingTop }">
            <view class="nav_body">
                <u-icon @click="leftBack" name="https://file.tcwang.cc/iconSet/care_back.png" size="64rpx" />
                <view class="nav_right">
                    <u-icon @click="download" name="https://file.tcwang.cc/iconSet/care_download.png" size="64rpx" />
                    <u-icon style="margin-left: 36rpx;" @click="share"
                        name="https://file.tcwang.cc/iconSet/care_share.png" size="64rpx" />
                </view>
            </view>
        </view>
        <!-- 生日 -->
        <view class="page">
            <l-painter :board="poster" isCanvasToTempFilePath @success="posterSuccess($event)"
                css="width: 750rpx;height: 100%;" />
        </view>
        <!-- 页面装饰 -->
        <!-- <image v-if="type == '生日'" class="lucky_draw" src="https://file.tcwang.cc/iconSet/lucky_draw.png" /> -->
        <view v-if="type == '入职'" class="entry_anniversary">红包已自动发送至钱包请前往钱包查看</view>
        <view v-if="type == '结婚'" class="marriage_care">红包已自动发送至钱包请前往钱包查看</view>
        <view v-if="type == '新年'" class="Spring_Festival">请前往公司领取新春礼盒</view>
        <view v-if="type == '端午'" class="Dragon_Boat_Festival">请前往公司领取端午礼盒</view>
        <view v-if="type == '中秋'" class="Mid_Autumn_Festival">请前往公司领取端午礼盒</view>
        <view v-if="type == '儿童'" class="Childrens_Day">红包已自动发送至钱包请前往钱包查看</view>
    </view>
</template>
<script setup>
import { ref, reactive } from "vue";
import { onLoad, onReady } from '@dcloudio/uni-app'

</script>

<style lang="scss" scoped>
* {
	box-sizing: border-box;
}
</style>